<template>
  <!-- 顶部导航区域 -->
  <HomeNav></HomeNav>
  <!-- 主体区域 -->
  <HomeMain class="main"></HomeMain>
  <!-- 底部公共导航 -->
  <LayoutFooter></LayoutFooter>
</template>

<script setup>
import HomeNav from './components/HomeNav.vue'
import HomeMain from './components/HomeMain.vue'
import LayoutFooter from '@/components/LayoutFooter.vue'
</script>
<style lang="scss" scoped>
// 外部设置主体组件的背景色和上下 padding 值，当需要改变时，不需要再进入 HomeMain.vue 组件内部，方便修改
.main {
  background-color: #f7f7f7;
  padding: 50px 0 var(--van-tabbar-height);
}
</style>
